<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>其他页面</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div id="head" th:include="common/header"></div>
<div class="container" style="margin-left: auto;margin-right: auto;width: 1350px">
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this" style="font-size: 20px">酒店</li>
            <li style="font-size: 20px">餐厅</li>
            <li style="font-size: 20px">购物点</li>
        </ul>
        <div class="layui-tab-content">
            <!--酒店的选项卡区域-->
            <div class="layui-tab-item">
                <div th:each="hotelList:${hotelList}" style="width: 290px;float: left;height: auto">
                    <div style="background-color: #d8dcea;height: 240px;width: 270px;float: left;margin: 30px 30px;border-radius: 5%">
                        <img th:src="${hotelList.getPicture()}" width="250px" height="167.19px" alt="" style="border-radius: 10%;margin: 10px 10px">
                        <p style="text-align: center;font-size: 20px;color: black" th:text="${hotelList.getHotelname()}"></p>
                    </div>
                </div>
            </div>
            <!--餐厅的选项卡区域-->
            <div class="layui-tab-item">
                <div th:each="restaurants:${restaurants}" style="width: 290px;float: left;height: auto">
                    <div style="background-color: #d8dcea;height: 240px;width: 270px;float: left;margin: 30px 30px;border-radius: 5%">
                        <img th:src="${restaurants.getPicture()}" width="250px" height="167.19px" alt="" style="border-radius: 10%;margin: 10px 10px">
                        <p style="text-align: center;font-size: 20px;color: black" th:text="${restaurants.getRestaurantname()}"></p>
                    </div>
                </div>
            </div>
            <!--购物店的选项卡区域-->
            <div class="layui-tab-item">
                <div th:each="shopPlaceList:${shopPlaceList}" style="width: 290px;float: left;height: auto">
                    <div style="background-color: #d8dcea;height: 240px;width: 270px;float: left;margin: 30px 30px;border-radius: 5%">
                        <img th:src="${shopPlaceList.getPicture()}" width="250px" height="167.19px" alt="" style="border-radius: 10%;margin: 10px 10px">
                        <p style="text-align: center;font-size: 20px;color: black" th:text="${shopPlaceList.getShopplacename()}"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>








<span id="foot" th:include="common/footer"></span>
</body>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

</html>